.homePage {
  min-height: 100vh;
}

.acMod {
  position: relative;
  width: 100%;

  .main {
    width: 100%;
    padding: 0 40px;
    gap: 50px;
  }

  .tcon {
    flex: 1 0 0;
    padding: 300px 0 90px 0;

    .yintxt {
      color: rgb(251, 165, 86);
      font-size: 20px;
      letter-spacing: 1.2px;
      line-height: 24px;
      margin-bottom: 20px;
    }

    .tit {
      font-size: 52px;
      letter-spacing: 0.06em;
      margin-bottom: 40px;
    }

    .txts {
      margin-bottom: 40px;
    }

    .txtw {
      font-size: 20px;
      line-height: 1.3em;
      color: #0a1c32;
      font-weight: 400;
      margin-bottom: 20px;

      &:last-child {
        margin-bottom: 0;
      }

      .bold {
        font-weight: 700;
      }
    }
  }

  .priImgw {
    flex: 1 0 0;
    padding-top: 200px;
  }
}

@media (max-width: 1000px) {
  .acMod {
    .main {
      display: block;
      padding: 0 14px;

      .tcon {
        padding-top: 110px;

        .yintxt {
          font-size: 16px;
        }

        .tit {
          font-size: 30px;
        }

        .txtw {
          font-size: 15px;
        }

      }

      .priImgw {
        padding-top: 0px;
        margin-top: -30px;
      }
    }
  }
}

.homeGunDongMod {
  padding: 25px 0;
  background: rgba(251, 165, 86, 0.1);

  .con {
    width: 80%;
    margin: auto;

    .tit {
      font-size: 20px;
      color: rgb(10, 28, 50);
      font-weight: 700;
      margin-bottom: 20px;
    }

    .gdWrap {
      display: flex;
      width: 100%;
      height: 75px;
      gap: 70px;
      padding-right: 70px;

      .timgwrap {
        // width: 300px;
        height: 100%;
        flex-shrink: 0;
        // border: 6px solid red;
        // border-right-color: green;

        img {
          display: block;
          width: auto;
          height: 100%;
          object-fit: cover;
        }
      }
    }
  }
}

.hmReportMod {
  padding: 60px;
  margin: 25px 0 50px;

  .imgwrap {
    width: 100%;
    height: 400px;
    background: rgba(0, 0, 0, 0.05);
  }

  .rcon {
    width: 100%;
    height: 100%;
    background: rgba(10, 28, 50, 0.8);
    cursor: pointer;
  }

  .inner {
    cursor: pointer;
    transition: all 0.3s;
    width: 100%;
    height: 100%;

    &:hover {
      transform: scale(0.9);
    }

    .inner2 {
      width: 65%;
    }

    .tit {
      color: rgb(251, 165, 86);

    }
  }
}

.hmPeoplesMod {
  height: 400px;
  background-color: rgb(10, 28, 50);

  .swiperwrap {
    width: 90%;
    height: 100%;
    margin: auto;
  }

  .hpsItem {
    height: 400px;

    .tinner {
      width: 90%;
      height: 100%;
      margin: auto;
      padding: 30px 0;
      flex-direction: column;
      gap: 30px;
    }

    .swtop {
      width: 267px;
      height: 50px;
    }

    .txts {
      line-height: 26px;
      font-size: 20px;
      color: #fff;
    }

    .sbot {
      height: 100px;
      gap: 40px;
      align-items: center;
      color: #fff;

      .imgw {
        width: 100px;
        height: 100px;
        // background: #fff;
      }

    }
  }

}

.homeDigitalMod {

  .pagecon {
    padding: 80px 40px 50px;
  }

  .con {
    padding: 70px 40px;
    min-height: 100px;
    background: rgba(68, 100, 173, 0.1);
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    gap: 70px;
  }

  .trow {
    display: flex;
    gap: 50px;

    .dmimgw {
      flex: 1 0 0;
      // width: 450px;
      max-width: 50%;
      height: 450px;
      overflow: hidden;
      // border: 1px solid red;
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;

      img {
        max-width: none;
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    }

    .rcon {
      flex: 1 0 0;

      .tit {
        font-size: 40px;
        line-height: 48px;
        margin-bottom: 40px;
      }

      // 40 20
      .dmtxts {
        display: flex;
        flex-direction: column;
        gap: 20px;

        .txt {
          font-size: 20px;
          color: rgb(10, 28, 50);
          font-weight: 400;
        }
      }
    }
  }
}

@media (max-width: 1000px) {
  .homeDigitalMod {
    .pagecon {
      padding: 60px 14px 50px;
    }

    .con {
      padding: 40px 14px;
    }

    .trow {
      display: block;

      .dmimgw {
        max-width: 62%;
        height: auto;
        margin: auto;
        margin-bottom: 30px;
      }

      .rcon .tit {
        font-size: 22px;
        margin-bottom: 30px;
      }

      .rcon .dmtxts .txt {
        font-size: 17px;
      }
    }
  }
}

.homeRapid {
  padding: 50px;

  .htop {
    // background: pink;
    margin: auto;
    margin-bottom: 50px;
    flex-direction: column;
    gap: 10px;

    .rtitle {
      color: rgb(10, 28, 50);
      line-height: 60px;
    }

    .stit {
      color: rgb(68, 100, 173);
      line-height: 38px;
    }
  }

  .pagecon {
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;

    .menus {
      display: flex;
      flex-direction: column;
      gap: 30px;
      width: 30%;
      min-height: 300px;
    }

    .ctit {}

    .cases {
      margin-bottom: 20px;
    }

    .lists {
      // gap: 15px;
    }

    .titem {
      color: rgb(0, 153, 255);
      font-size: 18px;
      cursor: pointer;

      &:hover {
        color: #000;
      }
    }

    .titemAct {
      color: rgb(10, 28, 50);
    }

    .imgwrap {
      width: 65%;
      height: 573px;
      overflow: hidden;

      img {
        display: none;
        height: 100%;
        width: auto;
      }

      .imgShow {
        display: block;
      }
    }
  }
}

@media (max-width: 1000px) {
  .homeRapid {
    padding: 30px 20px;

    .rtitle {
      font-size: 28px;
    }

    .htop .stit {
      font-size: 22px;
    }

    .pagecon {
      display: block;

      .imgwrap {
        width: 100%;
        height: 400px;
        overflow: hidden;
        margin: auto;
        margin-bottom: 40px;

        img {
          height: 400px;
          max-width: none;
        }
      }

      .menus {
        width: 100%;
        padding-left: 24px;
      }
    }
  }
}

.homeRaptorMod {
  padding: 75px 0 50px;

  .hrcon {
    width: 90%;
    margin: auto;
  }

  .htitle {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 50px;
  }

  .tlist {
    gap: 100px;

    .titemwrap {
      flex: 1 0 0;
      height: 377px;
    }

    .tbox {
      width: 100%;
      height: 100%;
      background: rgba(10, 28, 50, 0.8);
    }

    .titem {
      width: 100%;
      height: 100%;
      padding: 40px;
      padding-bottom: 70px;
      display: flex;
      flex-direction: column;
      justify-content: end;
      transition: all 0.3s;

      &:hover {
        transform: scale(0.9);
      }
    }

  }
}

.homeResources {
  padding: 50px 40px 100px;

  .modcon {
    padding: 70px 40px;
    background-color: rgba(68, 100, 173, .1);
    border-radius: 10px;
    overflow: hidden;
    width: 100%;
  }

  .modtit {
    font-size: 50px;
    line-height: 58px;
    margin-bottom: 50px;
  }

  .tlist {
    gap: 50px;
  }

  .titem {
    flex: 1;
    align-content: center;
    align-items: center;
    align-self: start;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 4px 30px #3333;
    display: flex;
    flex-direction: column;
    gap: 30px;
    justify-content: flex-start;
    justify-self: start;
    padding: 30px;
    position: relative;
    cursor: pointer;
    transition: all .2s;

    &:hover {
      transform: scale(1.1);
    }

    .imgwrap {
      width: 100%;
      height: 188px;

      img {
        height: 100%;
      }
    }

    .tit {
      font-size: 24px;
      font-weight: 400;
      line-height: 32px;
      width: 100%;
      margin-bottom: 10px;
    }

    .desc {
      color: rgb(51, 51, 51);
    }
  }
}